<template>
  <div class="group-title text-center"> 
    <p class="title">
      <i></i>{{title}}
    </p>
  </div>
</template>

<script>
export default {
  props: {
      title:{
          default:'标题',
          type:String
      }
  }
}
</script>

<style scoped lang="scss">
.group-title {
    width:100%;
    padding:10rpx;
    margin:15rpx 0;
    background:#fff;
    box-sizing:border-box;
    .title{
        display:inline-block;
        font-size:30rpx;
        font-weight:400; 
        padding:6rpx 30rpx;
        border-top:2rpx solid #666;
        border-bottom:2rpx solid #666;
        i{
            display:inline-block;
            width:16rpx;
            height:16rpx;
            border-radius:50%;
            background:#D34A32;
            margin-right:10rpx;
        }
    }
}
</style>
